const fs = require('fs')
const path = require('path')

const cssReg = /<style>([\s\S]*)<\/style>/
const jsReg = /<script>([\s\S]*)<\/script>/

// __dirname: 可以获取到当前文件的 路径
// __filename: 可以获取当前文件的完整路径  包含当前文件名

function makeCss(data) {
  const res = cssReg.exec(data)
  fs.writeFile(path.join(__dirname, './03-读写-重组html页面', 'index.css'), res[1], err => {
    if (err) return console.log('写入文件失败', err)
    console.log('写入文件成功')
  })
}

function makeJs(data) {
  const res = jsReg.exec(data)
  fs.writeFile(path.join(__dirname, './03-读写-重组html页面', 'index.js'), res[1], err => {
    if (err) return console.log('写入文件失败', err)
    console.log('写入文件成功')
  })
}

function makeHtml(data) {
  data = data.replace(cssReg, '<link rel="stylesheet" href="./index.css">')
  data = data.replace(jsReg, '<script src="./index.js"></script>')
  fs.writeFile(path.join(__dirname, './03-读写-重组html页面', 'index.html'), data, err => {
    if (err) return console.log('写入文件失败', err)
    console.log('写入文件成功')
  })
}

fs.readFile(path.join(__dirname, './03-读写-重组html页面', 'index.html'), 'utf8', (err, data) => {
  if (err) return console.log('读取文件失败', err)
  makeCss(data)
  makeJs(data)
  makeHtml(data)
})